<?php
/**
 * The Header for our theme
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8) ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title><?php 
	global $page, $paged;

	wp_title( '|', true, 'right' );

	// Add the blog name.
	bloginfo( 'name' );
	?></title>
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
	
	
	<link href="<?php echo get_template_directory_uri()?>/images/icon.ico" type="image/x-icon" rel="icon" />
	<link href="<?php echo get_template_directory_uri()?>/css/weather.css" rel="stylesheet" type="text/css" />

	
	<?php wp_head(); ?>
	
</head>

<body ng-app='MyTutorialApp' >
<!-- =============  header ==================== -->
	<header id="header">
		<div id="headersection">
			<div class="container">
				<div id="header-slogan" class="col-md-8 col-sm-12">
					<a href="<?php echo home_url('/')?>"><img src="<?php echo get_template_directory_uri()?>/images/logo2.jpg" class="img-responsive"/></a>
				</div>
	  			<div id="header-box1" class="col-md-4 col-sm-0 header-box">
					<span id="btnSearch" class="btnSearch2"></span><input type="text" id='searchText2' name="search" class="defaultText" title="Tìm kiếm thông tin ..."/>
					<div style="clear:both;height:20px"></div>
					<a href="mailto:info@vijeco.com"><span id="email"></span></a>
					<a href="http://plus.google.com" target="_blank"><span id="google"></span></a>
					<a href="http://twitter.com" target="_blank"><span id="twitter"></span></a>
					<a href="http://facebook.com" target="_blank"><span id="facebook"></span></a>
					
					<div id="language">
						<a href="#">Tiếng việt</a>
						<a href="#">English</a>
					</div>
				</div>
			</div>
  		</div>
		  		
		<div id="header-container">
		  <div class="container">
		  		
				<div id="banner" class="col-md-12 ">
					<div id="cf4a">
					
					<?php 
					/*
					 * For "n" images You must define:
						a=presentation time for one image
						b=duration for cross fading
						Total animation-duration is of course t=(a+b)*n
						
						animation-delay = t/n or = a+b
						
						Percentage for keyframes:
						
						0%
						a/t*100%
						(a+b)/t*100% = 1/n*100%
						100%-(b/t*100%)
						100%
					 */
					?>
					<img src="<?php echo get_template_directory_uri()?>/images/banner1.jpg" class="img-responsive center-block"/>
					<img src="<?php echo get_template_directory_uri()?>/images/banner2.jpg" class="img-responsive center-block"/>
					
					</div>
				</div>
		  </div>
	  </div>
	  
	  
  </header>
  
  <div class="container">
		  <div id="header-box2" class="header-box">
		  	<div class="search">
				<input type="text" name="search" id="searchText" class="defaultText" title="Tìm kiếm thông tin ..."/><span id="btnSearch" class="btnSearch"></span>
			</div>	
			<div  class="lang">
				<a href="mailto:info@vijeco.com"><span id="email"></span></a>
				<a href="http://plus.google.com" target="_blank"><span id="google"></span></a>
				<a href="http://twitter.com" target="_blank"><span id="twitter"></span></a>
				<a href="http://facebook.com" target="_blank"><span id="facebook"></span></a>
				
				<div id="language">
					<a href="#">Tiếng việt</a>
					<a href="#">English</a>
				</div>
			</div>
		</div>
	</div>